<script lang="ts" setup>
defineProps<{
  icon: string
  name: string
  btnText: string
}>()

defineEmits<{
  (e: 'click'): void
}>()
</script>

<template>
  <view mx-2 style="box-shadow: 0 0 10rpx 0 #d5d5d5" w-175 h-200 center flex-col rounded>
    <image w-83 h-83 :src="`/static/images/icons/video/detail/${icon}.png`" />
    <text text="16 #666" mt-1 mb-2>
      {{ name }}
    </text>
    <button text="18 #4d555d" w-100 bg-white leading-4 p-0 @click="$emit('click')">
      {{ btnText }}
    </button>
  </view>
</template>
